<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WARM制菓烘焙</title>
    <link rel="stylesheet" href="./css/settlement.css">
    <link rel="stylesheet" href="./css/adress.css">
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="xuanze"><span>请添加收货地址</span><img src="./img/22.png" alt=""></div>
            <div class="buyao" >
                <div class="shouhuodizhi">收货地址：</div>
                <div class="dizhi"></div>

            </div>
            <div class="gerenxinxi">
            
                <div style="display: flex; margin-top:0px;">
                    <div>收货人：</div>
                    <div class="mm"></div>
                </div>
                <div style="display: flex; margin-top:10px;">
                    <div>手机号：</div>
                    <div class="ll"></div>
                </div>
            </div>
        </div>
        <div class="Product_details">
            <div class="Product_details_header">
                <span class="shiliu"><img src="./img/1.png" alt=""></span>
                WARM制菓烘焙
            </div>
            <div class="bodymassage">
                <div>名称</div>
                <div>斤数</div>
                <div>单价(元/斤)</div>
            </div>
            <div class="bodymassage1" style="display:none">
                <div>--</div>
                <div>--</div>
                <div>--</div>
            </div>
            <div class="bodymassage2" style="display:none">
                <div>--</div>
                <div>--</div>
                <div>--</div>

            </div>
            <div class="bodymassage3" style="display:none">
                <div>--</div>
                <div>--</div>
                <div>--</div>

            </div>
            <div class="bodymassage4" style="display:none">
                <div>--</div>
                <div>--</div>
                <div>--</div>

            </div>
            <div class="xiaoji">
                <div>小计</div>
                <div>--</div>
            </div>
            <div class="beizhu">
                <span>备注</span>
                <textarea placeholder=""></textarea>
            </div>
            <div class="fapiao">
                <div>发票</div>
                <div>暂不支持</div>

            </div>
            <div class="jiesuan">
                <div>总计--</div>
                <div class="dianji">微信支付--</div>
            </div>
        </div>

    </div>

    </div>
    <div class="mask" style="display: none">

    </div>
    <div class="dibuAddtess" style="display: none">
        <div class="address ">
            <div>
                <span>收货人</span>&nbsp;&nbsp;&nbsp;
                <input type="text" placeholder="请填写收货人姓名" value="" class="a1">
            </div>
            <div>
                <span>电话号码</span>
                <input type="text" placeholder="请填写收货人手机号" class="a2">
            </div>
            <div>
                <span>所在地区</span>
                <input type="text" placeholder="省市区县、乡镇等" class="a3">
            </div>
            <div>
                <span>详细地址</span>
                <!-- <textarea placeholder="街道楼牌号等"></textarea> -->
                <input type="text " placeholder="街道楼、牌号等" class="a4">
            </div>
        </div>
        <div class="address fotter">
            保存并使用
        </div>
    </div>
    <script src="./js/jquery-3.4.0.min.js"></script>
    <script src="./js/settlement.js"></script>


</body>

</html>